* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

#logo {
	height: 150px;
	background-color: #000000;
	text-align: center;
}

#logo .logo {
	width: 200px;
	height: 90px;
	margin-top: 30px;
}

/* 正文 */
#content {
	width: 1349px;
	/* height: 500px; */
	/* background-color: palegoldenrod; */
	margin: 30px auto;
	margin-bottom: 0;
	box-sizing: border-box;
	padding: 0 180px;
}

#content .text {
	width: 200px;
	height: 50px;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	border-bottom: 2px solid #000000;
}

.address {
	width: 900px;
	height: 100px;
	font-size: 30px;
	border-bottom: 2px solid black;
	box-sizing: border-box;
	padding-top: 50px;
}

.tishi {
	width: 900px;
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tishi .tishili .circle {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	background-color: #000000;
}

/* 信息部分 */
#write {
	width: 1349px;
	height: 330px;
	margin: 0 auto;
	/* background-color: paleturquoise; */
	box-sizing: border-box;
	padding: 0 180px;
}

#writecon {
	width: 800px;
	height: 300px;
}

.writeleft {
	float: left;
	width: 380px;
	height: 30px;
}

.writeright {
	float: right;
	width: 380px;
	height: 30px;
}

#name {
	float: left;
	width: 380px;
	height: 35px;
	text-indent: 1rem;
}

#phone {
	float: right;
	width: 380px;
	height: 35px;
	text-indent: 1rem;
}

.name {
	float: left;
	width: 380px;
	height: 20px;
	color: red;
	/* border: 1px solid black; */
}

.phone {
	float: right;
	width: 380px;
	height: 20px;
	color: red;
	/* border: 1px solid black; */
}

.province {
	float: left;
	margin-top: 10px;
}

.province li {
	float: left;
	width: 100px;
	height: 30px;
	margin-right: 25px;
}

.surephone {
	float: right;
	width: 380px;
	height: 30px;
	margin-top: 10px;
}

#selectpro {
	width: 380px;
	height: 34px;
	float: left;
	margin-right: 15px;
}

#selectpro select {
	width: 105px;
	height: 35px;
}

#surephone {
	float: right;
	width: 380px;
	height: 30px;
}

.sureaddress {
	width: 380px;
	height: 35px;
	float: left;
	margin-top: 20px;

}

.mail {
	width: 380px;
	height: 35px;
	float: right;
	margin-top: 20px;
}

#sureaddress {
	width: 380px;
	height: 35px;
	float: left;

}

#mail {
	width: 380px;
	height: 35px;
	float: right;
}

#save {
	width: 150px;
	height: 35px;
	background-color: #000000;
	color: white;
	margin: 40px 20px 0 0;
}

#save:hover {
	background-color: crimson;
	cursor: pointer;
}

#cancel {
	width: 150px;
	height: 35px;
	cursor: pointer;
}

/* 最后弹出的地址框 */
#addcon {
	width: 1349px;
	height: 90px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 180px;
	display: none;
}

#aftersave {
	width: 600px;
	height: 100px;
	background-color: gainsboro;
	/* margin: 0 auto; */
	padding: 10px;
	box-sizing: border-box;
}


/*  */
#orderdetails {
	width: 1349px;
	margin: 30px auto;
	margin-bottom: 0;
	box-sizing: border-box;
	padding: 0 180px;
}
.orderdetails {
	width: 900px;
	height: 100px;
	font-size: 30px;
	border-bottom: 2px solid black;
	box-sizing: border-box;
	padding-top: 50px;
}
/* 购物车页 */
/* 中间部分 */
#sel {
	width:1349px;
	height:300px;
	/* border: 1px solid black; */
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 180px;

}

#header {
	height: 50px;
	width: 900px;
	background-color: white;
	line-height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
}

#header #in1 {

	/* width: 10px;
	height: 10px; */
}

#header span {
	color: gray;
}

#header span:nth-of-type(1) {
	margin-left: 20px;
}

#header span:nth-of-type(2) {
	margin-left: 300px;
}

#header span:nth-of-type(3) {
	margin-left: 150px;
}

#header span:nth-of-type(4) {
	margin-left: 190px;
}


/* 中间 */
#center {
	width: 900px;
	height: 200px;
	box-sizing: border-box;
	padding: 50px 20px;
	background-color: white;
	display: flex;
}

#center #in2,
#danjia,
#count,
#xiaoji {
	height: 100px;
	line-height: 100px;
}

#center #in2 {

	margin-right: 20px;
}

#center img {
	width: 100px;
	height: 100px;
}

/* 商品名和数量 */
#center .ec {
	width: 100px;
	height: 100px;
	margin-right: 106px;
	margin-left: 10px;
	color: gray;
}

.ec .ename {
	margin-bottom: 10px;
}


/* 单价 */
#center #danjia {
	margin-left:32px;
color: gray;
}

/* 数量*/
#center #count {
	width: 100px;
	margin-left: 140px;
	font-size: 20px;
	color: gray;
}

#center #count .prev {
	width: 30px;
	height: 30px;
}

#center #count .next {
	width: 30px;
	height: 30px;
}

/* 小计 */
#center #xiaoji {
	margin-left: 110px;
	font-size: 20px;
color: gray;
}

#center #delete {
	width: 100px;
	height: 30px;
	margin-left: 47px;
	margin-top: 35px;
}


/* 立即支付 */
#payfor{
	width: 200px;
	height: 50px;
	margin: 0 auto;
}
.nowpay{
	width: 200px;
	height: 50px;
	background-color: #000000;
	color: white;
	
}
.nowpay:hover{
	background-color: crimson;
	cursor: pointer;
}

/* 弹出框 */
#box{
	width: 300px;
	height: 100px;
	background-color: dimgray;
	color: white;
	border-radius: 10px;
	position: absolute;
	left:50%;
	top: 100%;
	transform: translate(-50%,-50%);
	display: none;
	text-align: center;
	line-height: 100px;
}




/* 弹出框 */